
<app-content-header></app-content-header>
<app-detail-header
  *ngIf="!loading"
  [title]="'GENERAL.INFO.BASIC' | i18n"
  (edit)="triggerBaseEdit()"
  (cancel)="cancelBase()"
  (save)="saveBase()"
></app-detail-header>

<nz-spin [nzSpinning]="loading"></nz-spin>

<ng-container *ngIf="!loading">
  <div class="cil__info-item-blocks bottom-columns">
    <app-info-row
      [columns]="firstColumns"
      [height]="'160'"
    ></app-info-row>
  </div>

  <div class="cil__info-item-blocks bottom-columns">
    <app-info-row
      [columns]="secondColumns"
      [height]="'160'"
    ></app-info-row>
  </div>

  <app-detail-header
    *ngIf="!loading"
    [title]="'GENERAL.INFO.OTHER' | i18n"
    [ifEditable]="false"
    [tabs]="tabs"
  ></app-detail-header>
</ng-container>

<ng-template #tpCurrency>
  <app-currency-select
    required
    [(ngModel)]="detailData.currency"
    (requiredEvent)="currencyRequiredHandler()"></app-currency-select>
</ng-template>

<router-outlet *ngIf="!loading"></router-outlet>